<template>
	<view @click="handleClickItem" class="flex justify-center bg-gray padding">
		<view :class="'cuIcon-'+icon"></view>
		<view class="text-grey margin-left-xs">{{content}}...</view>
	</view>
</template>

<script setup lang="ts">
	const emit = defineEmits(['action']);
	const props = defineProps({
		content: {
			type: String,
			default: '标题'
		},
		icon: {
			type: String,
			default: 'loading2'
		}
	})
	const handleClickItem = (e: any) => {
		emit('action', e)
	}
</script>

<style scoped>
	.cu-bar {
		min-height: 30px;
	}
</style>
